<template>
  <div>
    <!-- Preloader Starts -->
    <div class="preloader">
      <div class="spinner"></div>
    </div>
    <!-- Preloader End -->

    <!-- Header Area Starts -->
    <header class="header-area single-page page-component__scroll">
      <div class="header-top">
        <div class="container">
          <div class="row">
            <div class="col-lg-2">
              <div class="logo-area">
                <router-link to="/"
                  ><img :src="imgBaseUrl + '/logo-light.png'" alt="logo"
                /></router-link>
              </div>
            </div>
            <div class="col-lg-10">
              <div class="custom-navbar">
                <span></span>
                <span></span>
                <span></span>
              </div>
              <div class="main-menu main-menu-light">
                <ul>
                  <li class="active"><router-link to="/">首页</router-link></li>
                  <li><router-link to="/prize">社团成就</router-link></li>
                  <li><router-link to="/activity">团建活动</router-link></li>
                  <li><a href="javascript:void(0);" @click="toContact">联系我们</a></li>
                </ul>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="page-title text-center">
        <div class="container">
          <div class="row">
            <div class="col-md-6 offset-md-3">
              <h2>智能控制实验室</h2><hr>
              <p>
               软硬结合 | 氛围活跃 | 环境舒适
              </p>
            </div>
          </div>
        </div>
      </div>
    </header>
    <!-- Header Area End -->

    <router-view></router-view>

    <!-- Footer Area Starts -->
    <footer class="footer-area section-padding" ref="contact">
      <div class="footer-widget">
        <div class="container">
          <div class="row">
            <div class="col-xl-3 col-lg-6">
              <div class="single-widget-home mb-5 mb-lg-3">
                <h3 class="mb-4">联系我们</h3>
                <ul>
                  <li class="mb-3">
                    <i class="el-icon-phone"></i>&nbsp;15779553550
                  </li>
                  <li class="mb-3">
                    <i class="el-icon-s-cooperation"></i>&nbsp;2387736781@qq.com
                  </li>
                  <li class="mb-3">
                    <i class="el-icon-coordinate"></i>&nbsp;四创中心4306
                  </li>
                </ul>
              </div>
            </div>
            <div class="col-xl-3 offset-xl-1 col-lg-6">
              <div class="single-widge-home">
                <div class="feed">
                  <img :src="imgBaseUrl + '/feed1.jpg'" alt="feed" />
                  <img :src="imgBaseUrl + '/feed2.jpg'" alt="feed" />
                  <img :src="imgBaseUrl + '/feed3.jpg'" alt="feed" />
                  <img :src="imgBaseUrl + '/feed4.jpg'" alt="feed" />
                  <img :src="imgBaseUrl + '/feed5.jpg'" alt="feed" />
                  <img :src="imgBaseUrl + '/feed6.jpg'" alt="feed" />
                  <img :src="imgBaseUrl + '/feed7.jpg'" alt="feed" />
                  <img :src="imgBaseUrl + '/feed8.jpg'" alt="feed" />
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="footer-copyright">
        <div class="container">
          <div class="row">
            <div class="col-lg-8 col-md-6">
              <span>
                Copyright &copy;2022 Intelligent control base.All rights
                reserved
              </span>
            </div>
          </div>
        </div>
      </div>
    </footer>
    <el-backtop :bottom="100"></el-backtop>
    <!-- Footer Area End -->
  </div>
</template>
<script>
import {picBaseUrl} from '@/utils/const'

export default {
  name: 'app',
  data () {
    return {
      desc: '',
      imgBaseUrl: picBaseUrl + '/news/img'
    }
  },
  methods: {
    toContact () {
      this.$refs['contact'].scrollIntoView(true)
    }
  },
  mounted () {
    this.$bus.$on('toContact', () => {
      this.toContact()
    })
  }
}
</script>
<style>
    body{
    height: 100%;
    overflow-x: hidden;
  }
</style>

